#layout-default {
	min-height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

#layout-default>.main-view {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 18px;
	padding-right: 18px
}

.header-wrap #jianshu-header {
	z-index: 10;
	position: fixed;
	left: 0;
	right: 0;
	padding: 3px 18px;
	font-size: 0;
	background-color: #fff
}

body.reader-night-mode .header-wrap #jianshu-header {
	background-color: #3f3f3f;
	display: none;
}

.header-wrap #jianshu-header.header-normal {
	top: 0;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	height: 48px
}

.header-wrap #jianshu-header.header-wechat {
	bottom: 0;
	-webkit-box-shadow: 0 -2px 4px rgba(0,0,0,.1);
	box-shadow: 0 -2px 4px rgba(0,0,0,.1);
	padding-bottom: -webkit-calc(3px + env(safe-area-inset-bottom));
	padding-bottom: calc(3px + env(safe-area-inset-bottom));
	padding-bottom: -webkit-calc(3px + constant(safe-area-inset-bottom));
	padding-bottom: calc(3px + constant(safe-area-inset-bottom))
}

.header-wrap #jianshu-header.from-baidu {
	position: static;
	margin-bottom: 4px
}

.header-wrap #jianshu-header .logo-wrap {
	height: 100%;
	float: left
}

.header-wrap #jianshu-header .logo {
	height: 100%;
	vertical-align: middle
}

.header-wrap #jianshu-header .slogan {
	line-height: 20px;
	vertical-align: middle;
	margin-left: 12px;
	display: inline-block;
	font-size: 16px;
	color: #333
}

body.reader-night-mode .header-wrap #jianshu-header .slogan {
	color: #c8c8c8
}

.header-wrap #jianshu-header .slogan .slogan-title {
	font-size: 16px;
	line-height: 20px;
	margin-top: 2px;
	max-width: 120px;
	color: #333
}

body.reader-night-mode .header-wrap #jianshu-header .slogan .slogan-title {
	color: #c8c8c8
}

.header-wrap #jianshu-header .slogan .slogan-sub-title {
	font-size: 12px;
	color: #999
}

.header-wrap #jianshu-header .header-download {
	position: absolute;
	padding: 12px 15px;
	right: 0;
	top: 0;
	font-size: 16px;
	color: #ea6f5a
}

.header-wrap #jianshu-header .collection-avatar {
	width: 54px;
	height: 54px;
	border-radius: 10%;
	margin-top: -18px;
	vertical-align: middle
}

.header-wrap #jianshu-header .user-avatar {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	margin-top: -18px;
	vertical-align: middle
}

.header-wrap .header-shim {
	height: 52px
}

#note-show .article-info .info:after,#note-show .article-info .info:before {
	content: "";
	clear: both;
	display: table
}

#note-show .book .content,#note-show .book .content blockquote,#note-show .book .content ol,#note-show .book .content p,#note-show .book .content pre,#note-show .book .content ul,#note-show .book .title,#note-show .note .content,#note-show .note .content blockquote,#note-show .note .content ol,#note-show .note .content p,#note-show .note .content pre,#note-show .note .content ul,#note-show .note .title {
	word-break: break-word!important;
	word-break: break-all
}

.fubiao-dialog {
	display: none;
	bottom: 100px;
	right: 30px;
	width: 66px;
	height: 66px;
	z-index: 999999;
	background: url("https://static.thefifthera.com/h5/wapSdk/asset/images/open-bg.png");
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.fubiao-dialog .open {
	width: 100%;
	height: 100%;
	background: url("https://static.thefifthera.com/h5/wapSdk/asset/images/open-font.png");
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	-webkit-animation: scale2 .6s infinite linear;
	animation: scale2 .6s infinite linear
}

.fubiao-dialog .close {
	background: rgba(0,0,0,.5);
	color: #ccc;
	position: absolute;
	top: -26px;
	right: -6px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	line-height: 24px;
	text-align: center
}

@-webkit-keyframes scale2 {
	0% {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}
}

@keyframes scale2 {
	0% {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}
}

#note-locked {
	min-height: 90vh;
	padding-left: 0!important;
	padding-right: 0!important
}

#note-locked .logo {
	position: absolute;
	height: 48px;
	left: 10px;
	top: 10px
}

#note-locked .error-main {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	width: 80%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

#note-locked .error-main img {
	width: 180px
}

#note-locked .error-main h3 {
	margin: 20px 0;
	font-weight: 700;
	color: #333
}

body.reader-night-mode #note-locked .error-main h3 {
	color: #c8c8c8
}

#note-locked .error-main .subtitle {
	margin-bottom: 20px;
	font-size: 14px;
	color: #333
}

body.reader-night-mode #note-locked .error-main .subtitle {
	color: #c8c8c8
}

#note-locked .error-main a {
	color: #3194d0
}

#note-show .book .title,#note-show .note .title {
	margin: 15px 0;
	font-size: 25px;
	font-weight: 700;
	font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	line-height: 1.4;
	color: #2f2f2f
}

body.reader-night-mode #note-show .book .title,body.reader-night-mode #note-show .note .title {
	color: #c8c8c8
}

#note-show .book .content,#note-show .note .content {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
	color: #2f2f2f
}

body.reader-night-mode #note-show .book .content,body.reader-night-mode #note-show .note .content {
	color: #c8c8c8
}

#note-show .book .content p,#note-show .note .content p {
	margin: 0 0 25px
}

#note-show .book .content li p,#note-show .note .content li p {
	overflow: visible
}

#note-show .book .content a,#note-show .book .content a.active,#note-show .book .content a:active,#note-show .book .content a:focus,#note-show .note .content a,#note-show .note .content a.active,#note-show .note .content a:active,#note-show .note .content a:focus {
	color: #3194d0
}

#note-show .book .content a.disabled,#note-show .book .content a.disabled.active,#note-show .book .content a.disabled:active,#note-show .book .content a.disabled:focus,#note-show .book .content a.disabled:hover,#note-show .book .content a[disabled],#note-show .book .content a[disabled].active,#note-show .book .content a[disabled]:active,#note-show .book .content a[disabled]:focus,#note-show .book .content a[disabled]:hover,#note-show .note .content a.disabled,#note-show .note .content a.disabled.active,#note-show .note .content a.disabled:active,#note-show .note .content a.disabled:focus,#note-show .note .content a.disabled:hover,#note-show .note .content a[disabled],#note-show .note .content a[disabled].active,#note-show .note .content a[disabled]:active,#note-show .note .content a[disabled]:focus,#note-show .note .content a[disabled]:hover {
	cursor: not-allowed;
	color: #f5f5f5
}

#note-show .book .content hr,#note-show .note .content hr {
	margin: 0 0 20px;
	border-top: 1px solid #ddd;
	height: 0!important
}

#note-show .book .content h1,#note-show .book .content h2,#note-show .book .content h3,#note-show .book .content h4,#note-show .book .content h5,#note-show .book .content h6,#note-show .note .content h1,#note-show .note .content h2,#note-show .note .content h3,#note-show .note .content h4,#note-show .note .content h5,#note-show .note .content h6 {
	margin: 0 0 15px;
	font-weight: 700;
	line-height: 1.7;
	text-rendering: optimizelegibility;
	color: #2f2f2f
}

body.reader-night-mode #note-show .book .content h1,body.reader-night-mode #note-show .book .content h2,body.reader-night-mode #note-show .book .content h3,body.reader-night-mode #note-show .book .content h4,body.reader-night-mode #note-show .book .content h5,body.reader-night-mode #note-show .book .content h6,body.reader-night-mode #note-show .note .content h1,body.reader-night-mode #note-show .note .content h2,body.reader-night-mode #note-show .note .content h3,body.reader-night-mode #note-show .note .content h4,body.reader-night-mode #note-show .note .content h5,body.reader-night-mode #note-show .note .content h6 {
	color: #c8c8c8
}

#note-show .book .content h1,#note-show .note .content h1 {
	font-size: 26px
}

#note-show .book .content h2,#note-show .note .content h2 {
	font-size: 24px
}

#note-show .book .content h3,#note-show .note .content h3 {
	font-size: 22px
}

#note-show .book .content h4,#note-show .note .content h4 {
	font-size: 20px
}

#note-show .book .content h5,#note-show .note .content h5 {
	font-size: 18px
}

#note-show .book .content h6,#note-show .note .content h6 {
	font-size: 16px
}

#note-show .book .content img,#note-show .note .content img {
	max-width: 100%
}

#note-show .book .content blockquote,#note-show .note .content blockquote {
	padding: 20px;
	margin-bottom: 25px;
	border-left: 6px solid;
	line-height: 30px;
	border-color: #b4b4b4;
	background-color: #f7f7f7
}

body.reader-night-mode #note-show .book .content blockquote,body.reader-night-mode #note-show .note .content blockquote {
	border-color: #222;
	background-color: #555
}

#note-show .book .content blockquote p,#note-show .note .content blockquote p {
	font-weight: 400;
	line-height: 1.7
}

#note-show .book .content blockquote .image-package,#note-show .note .content blockquote .image-package {
	margin-left: 0;
	margin-right: 0
}

#note-show .book .content blockquote h1:last-child,#note-show .book .content blockquote h2:last-child,#note-show .book .content blockquote h3:last-child,#note-show .book .content blockquote h4:last-child,#note-show .book .content blockquote h5:last-child,#note-show .book .content blockquote h6:last-child,#note-show .book .content blockquote li:last-child,#note-show .book .content blockquote ol:last-child,#note-show .book .content blockquote p:last-child,#note-show .book .content blockquote ul:last-child,#note-show .note .content blockquote h1:last-child,#note-show .note .content blockquote h2:last-child,#note-show .note .content blockquote h3:last-child,#note-show .note .content blockquote h4:last-child,#note-show .note .content blockquote h5:last-child,#note-show .note .content blockquote h6:last-child,#note-show .note .content blockquote li:last-child,#note-show .note .content blockquote ol:last-child,#note-show .note .content blockquote p:last-child,#note-show .note .content blockquote ul:last-child {
	margin-bottom: 0
}

#note-show .book .content ol,#note-show .book .content ul,#note-show .note .content ol,#note-show .note .content ul {
	padding: 0;
	margin: -5px 0 20px 20px
}

#note-show .book .content ol li,#note-show .book .content ul li,#note-show .note .content ol li,#note-show .note .content ul li {
	line-height: 30px
}

#note-show .book .content ol li ol,#note-show .book .content ol li ul,#note-show .book .content ul li ol,#note-show .book .content ul li ul,#note-show .note .content ol li ol,#note-show .note .content ol li ul,#note-show .note .content ul li ol,#note-show .note .content ul li ul {
	margin-top: 15px
}

#note-show .book .content ol .image-package,#note-show .book .content ul .image-package,#note-show .note .content ol .image-package,#note-show .note .content ul .image-package {
	margin: 10px 0 25px!important
}

#note-show .book .content pre,#note-show .note .content pre {
	padding: 15px;
	margin-bottom: 20px;
	word-wrap: normal;
	white-space: pre;
	overflow: auto;
	border: 1px solid;
	border-color: #ccc;
	border-radius: 4px
}

body.reader-night-mode #note-show .book .content pre,body.reader-night-mode #note-show .note .content pre {
	border-color: #1e1e1e;
	background-color: #282828;
	color: #839496
}

#note-show .book .content pre code,#note-show .note .content pre code {
	padding: 0;
	background-color: transparent;
	white-space: pre;
	color: inherit
}

#note-show .book .content code,#note-show .note .content code {
	padding: 2px 4px;
	margin: 2px;
	font-size: 12px;
	white-space: pre-wrap;
	position: relative;
	vertical-align: middle;
	border-radius: 4px;
	color: #c7254e;
	background-color: #f6f6f6
}

body.reader-night-mode #note-show .book .content code,body.reader-night-mode #note-show .note .content code {
	color: #abb2bf;
	background-color: #282828
}

#note-show .book .content table,#note-show .note .content table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-left: none
}

#note-show .book .content table tr:nth-of-type(2n),#note-show .note .content table tr:nth-of-type(2n) {
	background-color: hsla(0,0%,71%,.1)
}

#note-show .book .content table thead th,#note-show .note .content table thead th {
	vertical-align: middle;
	text-align: inherit
}

#note-show .book .content table td,#note-show .book .content table th,#note-show .note .content table td,#note-show .note .content table th {
	padding: 8px;
	border: 1px solid;
	line-height: 20px;
	vertical-align: middle;
	border-color: #ddd
}

body.reader-night-mode #note-show .book .content table td,body.reader-night-mode #note-show .book .content table th,body.reader-night-mode #note-show .note .content table td,body.reader-night-mode #note-show .note .content table th {
	border-color: #2f2f2f
}

#note-show .book .content table th,#note-show .note .content table th {
	font-weight: 700
}

#note-show .book .content table .image-package,#note-show .note .content table .image-package {
	margin-left: 0;
	margin-right: 0
}

#note-show .book .content .image-package,#note-show .note .content .image-package {
	margin: 0 0 25px;
	text-align: center
}

#note-show .book .content .image-package img,#note-show .note .content .image-package img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

body.reader-night-mode #note-show .book .content .image-package img,body.reader-night-mode #note-show .note .content .image-package img {
	opacity: .85
}

#note-show .book .content .image-package .image-container,#note-show .note .content .image-package .image-container {
	z-index: 1;
	position: relative;
	-webkit-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	transition: background-color .1s linear;
	margin: 0 auto;
	background-color: #eee
}

body.reader-night-mode #note-show .book .content .image-package .image-container,body.reader-night-mode #note-show .note .content .image-package .image-container {
	background-color: #545454
}

#note-show .book .content .image-package .image-container .image-container-fill,#note-show .note .content .image-package .image-container .image-container-fill {
	z-index: 50
}

#note-show .book .content .image-package .image-container .image-view,#note-show .note .content .image-package .image-container .image-view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#note-show .book .content .image-package .image-container .image-view img.image-loading,#note-show .note .content .image-package .image-container .image-view img.image-loading {
	opacity: .3
}

#note-show .book .content .image-package .image-container .image-view img,#note-show .note .content .image-package .image-container .image-view img {
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	z-index: 1;
	opacity: 1
}

#note-show .book .content .image-package .image-caption,#note-show .note .content .image-package .image-caption {
	min-width: 20%;
	max-width: 80%;
	min-height: 22px;
	display: inline-block;
	padding: 10px 10px 6px;
	margin: 0 auto;
	border-bottom: 1px solid;
	color: #969696;
	font-size: 14px;
	line-height: 1.7;
	border-color: #d9d9d9
}

body.reader-night-mode #note-show .book .content .image-package .image-caption,body.reader-night-mode #note-show .note .content .image-package .image-caption {
	border-color: #2f2f2f
}

#note-show .book .content .image-package .image-caption:empty,#note-show .note .content .image-package .image-caption:empty {
	display: none
}

#note-show .book .content .video-package,#note-show .note .content .video-package {
	position: relative;
	margin: -20px auto 20px;
	text-align: center
}

#note-show .book .content .video-package .video-placeholder-area,#note-show .note .content .video-package .video-placeholder-area {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 110px;
	padding: 10px;
	padding-left: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid;
	background-color: hsla(0,0%,71%,.1);
	text-align: left;
	cursor: pointer;
	color: #333;
	border-color: #d9d9d9
}

body.reader-night-mode #note-show .book .content .video-package .video-placeholder-area,body.reader-night-mode #note-show .note .content .video-package .video-placeholder-area {
	color: #c8c8c8;
	border-color: #2f2f2f
}

#note-show .book .content .video-package .video-placeholder-area:after,#note-show .note .content .video-package .video-placeholder-area:after {
	content: " ";
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 110px;
	height: 110px;
	color: #333;
	background-color: rgba(0,0,0,.3);
	background-image: url(//cdn2.jianshu.io/asimov/src/assets/image/note/play-btn.c4bc06b9.png);
	background-position: 30px;
	-webkit-background-size: 50px 50px;
	background-size: 50px;
	background-repeat: no-repeat;
	-webkit-transition: all .1s linear;
	-o-transition: all linear .1s;
	transition: all .1s linear
}

#note-show .book .content .video-package .video-placeholder-area:hover:after,#note-show .note .content .video-package .video-placeholder-area:hover:after {
	background-color: transparent
}

#note-show .book .content .video-package .video-placeholder-area .video-cover,#note-show .note .content .video-package .video-placeholder-area .video-cover {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 110px;
	height: 110px;
	opacity: .8;
	-webkit-transition: opacity .1s linear;
	-o-transition: opacity linear .1s;
	transition: opacity .1s linear
}

#note-show .book .content .video-package .video-description,#note-show .note .content .video-package .video-description {
	min-width: 20%;
	min-height: 22px;
	display: none;
	padding: 10px;
	margin: 0 auto;
	border-bottom: 1px solid #d9d9d9;
	font-size: 13px;
	color: #999;
	font-style: italic;
	line-height: 1.7
}

#note-show .book .content .video-package .video-description:empty,#note-show .note .content .video-package .video-description:empty {
	display: none
}

#note-show .book .content .video-package .video-description p,#note-show .note .content .video-package .video-description p {
	margin: 0
}

#note-show .book .content .video-package .video-close-button,#note-show .book .content .video-package .video-provider-button,#note-show .note .content .video-package .video-close-button,#note-show .note .content .video-package .video-provider-button {
	text-align: left;
	font-size: 14px;
	padding: 0;
	line-height: 14px;
	cursor: pointer;
	-webkit-transition: opacity .1s linear;
	-o-transition: opacity linear .1s;
	transition: opacity .1s linear
}

#note-show .book .content .video-package .video-close-button i,#note-show .book .content .video-package .video-provider-button i,#note-show .note .content .video-package .video-close-button i,#note-show .note .content .video-package .video-provider-button i {
	position: relative;
	top: 1px
}

#note-show .book .content .video-package .video-provider-button,#note-show .note .content .video-package .video-provider-button {
	float: right
}

#note-show .book .content .math-block,#note-show .note .content .math-block {
	display: block;
	margin: 0 auto
}

body.reader-night-mode #note-show .book .content .math-block,body.reader-night-mode #note-show .note .content .math-block {
	-webkit-filter: invert(1);
	filter: invert(1)
}

#note-show .book .content .math-inline,#note-show .note .content .math-inline {
	vertical-align: top
}

body.reader-night-mode #note-show .book .content .math-inline,body.reader-night-mode #note-show .note .content .math-inline {
	-webkit-filter: invert(1);
	filter: invert(1)
}

#note-show .book .show-content-paid,#note-show .note .show-content-paid {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#note-show .book .ios-style ol li,#note-show .book .ios-style pre,#note-show .book .ios-style ul li,#note-show .note .ios-style ol li,#note-show .note .ios-style pre,#note-show .note .ios-style ul li {
	word-break: break-all
}

#note-show .hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	color: #abb2bf;
	background: #282c34
}

#note-show .hljs-comment,#note-show .hljs-quote {
	color: #5c6370;
	font-style: italic
}

#note-show .hljs-doctag,#note-show .hljs-formula,#note-show .hljs-keyword {
	color: #c678dd
}

#note-show .hljs-deletion,#note-show .hljs-name,#note-show .hljs-section,#note-show .hljs-selector-tag,#note-show .hljs-subst {
	color: #e06c75
}

#note-show .hljs-literal {
	color: #56b6c2
}

#note-show .hljs-addition,#note-show .hljs-attribute,#note-show .hljs-meta-string,#note-show .hljs-regexp,#note-show .hljs-string {
	color: #98c379
}

#note-show .hljs-built_in,#note-show .hljs-class .hljs-title {
	color: #e6c07b
}

#note-show .hljs-attr,#note-show .hljs-number,#note-show .hljs-selector-attr,#note-show .hljs-selector-class,#note-show .hljs-selector-pseudo,#note-show .hljs-template-variable,#note-show .hljs-type,#note-show .hljs-variable {
	color: #d19a66
}

#note-show .hljs-bullet,#note-show .hljs-link,#note-show .hljs-meta,#note-show .hljs-selector-id,#note-show .hljs-symbol,#note-show .hljs-title {
	color: #61aeee
}

#note-show .hljs-emphasis {
	font-style: italic
}

#note-show .hljs-strong {
	font-weight: 700
}

#note-show .hljs-link {
	text-decoration: underline
}

#note-show .ic-icon_jewel {
	color: #ea6f5a;
	margin-right: 3px;
	font-size: 16px
}

#note-show .book-nav {
	padding-left: 18px;
	padding-right: 18px;
	vertical-align: middle;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 46px;
	border-bottom: 1px solid;
	z-index: 11;
	background-color: #fff;
	border-color: #f0f0f0
}

body.reader-night-mode #note-show .book-nav {
	background-color: #3f3f3f;
	border-color: #2f2f2f
}

#note-show .book-nav .cover {
	width: 17px;
	height: 23px;
	vertical-align: middle;
	margin-top: 11px;
	margin-right: 5px;
	float: left
}

#note-show .book-nav span {
	display: block;
	margin-top: 12px
}

#note-show .book-nav .name {
	margin-left: 7px;
	font-size: 14px;
	color: #333
}

body.reader-night-mode #note-show .book-nav .name {
	color: #c8c8c8
}

#note-show .book-nav .number {
	font-size: 14px;
	color: #999;
	margin-left: 5px;
	float: right
}

#note-show .book-nav .book-info {
	display: block;
	overflow: hidden;
	margin-right: 60px
}

#note-show .book-nav .open-chapter {
	float: right;
	font-size: 14px;
	padding-top: 15px;
	color: #333
}

body.reader-night-mode #note-show .book-nav .open-chapter {
	color: #c8c8c8
}

#note-show .book {
	padding-top: 52px
}

#note-show .article-info {
	margin-bottom: 20px;
	font-size: 13px;
	color: #b1b1b1
}

#note-show .article-info .info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

#note-show .article-info .info .user-avatar {
	width: 34px;
	height: 34px;
	border-radius: 17px;
	float: left;
	margin-right: 5px
}

#note-show .article-info .info .user-content {
	overflow: hidden
}

#note-show .article-info .info .user-content .user-nickname {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

#note-show .article-info .info .user-content .user-nickname .nickname {
	overflow: hidden;
	margin-right: 5px
}

#note-show .article-info .info .user-content .user-nickname .nickname p {
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	color: #484848
}

body.reader-night-mode #note-show .article-info .info .user-content .user-nickname .nickname p {
	color: #c8c8c8
}

#note-show .article-info .info .user-content .user-nickname .badge {
	color: #333;
	vertical-align: middle
}

body.reader-night-mode #note-show .article-info .info .user-content .user-nickname .badge {
	color: #c8c8c8
}

#note-show .article-info .info .user-content .user-nickname .badge img {
	width: 20px;
	height: 20px;
	vertical-align: middle
}

#note-show .article-info .info .user-content .user-nickname .label {
	padding: 1px 2px;
	font-size: 12px;
	color: #ea6f5a;
	border-radius: 3px;
	vertical-align: middle;
	position: relative
}

#note-show .article-info .info .user-content .user-nickname .label:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ea6f5a;
	width: 200%;
	height: 200%;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	border-radius: 3px
}

#note-show .article-info .info .user-content .user-nickname .badge-item {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

#note-show .article-info .meta {
	margin-top: 10px;
	overflow: hidden
}

#note-show .article-info .meta button,#note-show .article-info .meta i,#note-show .article-info .meta span {
	vertical-align: middle
}

#note-show .article-info .meta span {
	margin-right: 10px
}

#note-show .article-info .meta .reader-mode-public {
	display: inline-block;
	float: right
}

@media (max-width:350px) {
	#note-show .article-info .meta .reader-mode-public span {
		font-size: 0
	}
}

#note-show .article-info .app-open {
	margin: 0;
	color: #b1b1b1!important
}

#note-show .article-info .app-open i {
	font-size: 14px
}

#note-show .content .show-content-free .collapse-free-content {
	position: relative;
	overflow: hidden;
	padding-left: 18px;
	padding-right: 18px;
	margin-left: -18px;
	margin-right: -18px
}

#note-show .content .show-content-free .collapse-free-content:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 100px;
	background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
	background-image: -webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));
	background-image: -o-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));
	background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
	z-index: 1
}

body.reader-night-mode #note-show .content .show-content-free .collapse-free-content:after {
	background-image: -webkit-gradient(linear,left bottom,left top,from(#3f3f3f),to(rgba(63,63,63,0)));
	background-image: -webkit-linear-gradient(bottom,#3f3f3f,rgba(63,63,63,0));
	background-image: -o-linear-gradient(bottom,#3f3f3f,rgba(63,63,63,0));
	background-image: linear-gradient(0deg,#3f3f3f,rgba(63,63,63,0))
}

#note-show .content .show-content-free .copyright {
	font-size: 13px;
	color: hsla(0,0%,59%,.4);
	position: relative;
	line-height: 40px
}

#note-show .content .show-content-free .copyright:before {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background-color: #ddd;
	left: 0;
	top: 0
}

#note-show .content .show-content-free .note-content {
	width: 100%;
	height: 100%
}

#note-show .content .show-content-free .collapse-tips {
	display: none;
	text-align: center
}

#note-show .content .show-content-free .collapse-tips .baidu-close-collapse-btn {
	color: #ea6f5a;
	font-size: 14px;
	font-weight: 500;
	margin-top: 16px
}

#note-show .content .show-content-free .collapse-tips .close-collapse-btn {
	color: #ea6f5a;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 5px
}

#note-show .content .show-content-free .collapse-tips .open-app-btn {
	margin-top: 15px;
	margin-bottom: 25px;
	background-color: #ea6f5a;
	color: #fff;
	text-align: center;
	width: 240px;
	height: 45px;
	padding: 10px 30px;
	font-size: 16px;
	border-radius: 23px
}

#note-show .book-chapter {
	margin: 50px 0 20px;
	border-radius: 6px;
	overflow: hidden;
	height: 82px;
	border: 1px solid;
	font-size: 0;
	position: relative;
	background-color: #f5f5f5;
	border-color: #e5e5e5
}

body.reader-night-mode #note-show .book-chapter {
	background-color: #545454;
	border-color: #2f2f2f
}

#note-show .book-chapter .chapter-item {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative
}

#note-show .book-chapter .chapter-item .text {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%
}

#note-show .book-chapter .chapter-item p {
	font-size: 16px;
	text-align: center;
	color: #333
}

body.reader-night-mode #note-show .book-chapter .chapter-item p {
	color: #c8c8c8
}

#note-show .book-chapter .chapter-item span {
	margin-top: 5px;
	padding: 0 10px;
	font-size: 12px;
	color: #999;
	text-align: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 15px;
	max-height: 30px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	white-space: normal
}

#note-show .book-chapter .half {
	width: 50%
}

#note-show .book-chapter .chapter-with-next:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #e5e5e5
}

body.reader-night-mode #note-show .book-chapter .chapter-with-next:after {
	background-color: #2f2f2f
}

#note-show #buy-note-panel .buy-tip {
	color: #666
}

body.reader-night-mode #note-show #buy-note-panel .buy-tip {
	color: #c8c8c8
}

#note-show #buy-book-panel .buy-tip {
	color: #da9e55
}

body.reader-night-mode #note-show #buy-book-panel .buy-tip {
	color: #c8c8c8
}

#note-show #buy-book-panel .support-author,#note-show #buy-note-panel .support-author,#note-show #free-reward-panel .support-author,#note-show #paid-reward-panel .support-author {
	padding: 20px 0;
	text-align: center;
	clear: both;
	position: relative
}

#note-show #buy-book-panel .support-author p,#note-show #buy-note-panel .support-author p,#note-show #free-reward-panel .support-author p,#note-show #paid-reward-panel .support-author p {
	margin-bottom: 20px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #969696;
	line-height: 20px
}

#note-show #buy-book-panel .support-author .btn-pay,#note-show #buy-note-panel .support-author .btn-pay,#note-show #free-reward-panel .support-author .btn-pay,#note-show #paid-reward-panel .support-author .btn-pay {
	margin-bottom: 17px;
	padding: 8px 18px;
	font-size: 14px;
	color: #fff!important;
	background-color: #ea6f5a;
	border-radius: 4px;
	display: inline-block
}

#note-show #buy-book-panel .support-author .buy-tip,#note-show #buy-note-panel .support-author .buy-tip,#note-show #free-reward-panel .support-author .buy-tip,#note-show #paid-reward-panel .support-author .buy-tip {
	position: absolute;
	top: -10px;
	left: 48%;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
	border: 1px solid;
	padding: 6px 9px;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
	background-color: #fff;
	border-color: #ddd
}

body.reader-night-mode #note-show #buy-book-panel .support-author .buy-tip,body.reader-night-mode #note-show #buy-note-panel .support-author .buy-tip,body.reader-night-mode #note-show #free-reward-panel .support-author .buy-tip,body.reader-night-mode #note-show #paid-reward-panel .support-author .buy-tip {
	background-color: #3f3f3f;
	border-color: #2f2f2f
}

#note-show #buy-book-panel .support-author .buy-tip:before,#note-show #buy-note-panel .support-author .buy-tip:before,#note-show #free-reward-panel .support-author .buy-tip:before,#note-show #paid-reward-panel .support-author .buy-tip:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 20%;
	bottom: -4px;
	background-color: #fff
}

body.reader-night-mode #note-show #buy-book-panel .support-author .buy-tip:before,body.reader-night-mode #note-show #buy-note-panel .support-author .buy-tip:before,body.reader-night-mode #note-show #free-reward-panel .support-author .buy-tip:before,body.reader-night-mode #note-show #paid-reward-panel .support-author .buy-tip:before {
	background-color: #3f3f3f
}

#note-show #buy-book-panel .support-author .btn-paid,#note-show #buy-note-panel .support-author .btn-paid,#note-show #free-reward-panel .support-author .btn-paid,#note-show #paid-reward-panel .support-author .btn-paid {
	margin-bottom: 17px;
	padding: 8px 48px;
	font-size: 14px;
	display: inline-block;
	height: 40px
}

#note-show #buy-book-panel .support-author .btn-paid.buy-note,#note-show #buy-note-panel .support-author .btn-paid.buy-note,#note-show #free-reward-panel .support-author .btn-paid.buy-note,#note-show #paid-reward-panel .support-author .btn-paid.buy-note {
	color: #ea6f5a!important;
	border: 1px solid #ea6f5a;
	background-color: #fff;
	border-radius: 4px
}

body.reader-night-mode #note-show #buy-book-panel .support-author .btn-paid.buy-note,body.reader-night-mode #note-show #buy-note-panel .support-author .btn-paid.buy-note,body.reader-night-mode #note-show #free-reward-panel .support-author .btn-paid.buy-note,body.reader-night-mode #note-show #paid-reward-panel .support-author .btn-paid.buy-note {
	background-color: #3f3f3f
}

#note-show #buy-book-panel .support-author .btn-paid.buy-book,#note-show #buy-note-panel .support-author .btn-paid.buy-book,#note-show #free-reward-panel .support-author .btn-paid.buy-book,#note-show #paid-reward-panel .support-author .btn-paid.buy-book {
	border-radius: 20px;
	color: #fff;
	background-color: #da9e55
}

#note-show #buy-book-panel .support-author .supporter,#note-show #buy-note-panel .support-author .supporter,#note-show #free-reward-panel .support-author .supporter,#note-show #paid-reward-panel .support-author .supporter {
	line-height: 0;
	text-align: center
}

#note-show #buy-book-panel .support-author .supporter .support-list,#note-show #buy-note-panel .support-author .supporter .support-list,#note-show #free-reward-panel .support-author .supporter .support-list,#note-show #paid-reward-panel .support-author .supporter .support-list {
	margin: 0;
	padding: 0;
	max-width: 284px;
	list-style: none;
	display: inline-block;
	vertical-align: middle
}

#note-show #buy-book-panel .support-author .supporter .support-list li,#note-show #buy-note-panel .support-author .supporter .support-list li,#note-show #free-reward-panel .support-author .supporter .support-list li,#note-show #paid-reward-panel .support-author .supporter .support-list li {
	margin: 0 -5px;
	display: inline-block;
	float: left
}

#note-show #buy-book-panel .support-author .supporter .support-list .avatar img,#note-show #buy-note-panel .support-author .supporter .support-list .avatar img,#note-show #free-reward-panel .support-author .supporter .support-list .avatar img,#note-show #paid-reward-panel .support-author .supporter .support-list .avatar img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 4px solid #fff
}

body.reader-night-mode #note-show #buy-book-panel .support-author .supporter .support-list .avatar img,body.reader-night-mode #note-show #buy-note-panel .support-author .supporter .support-list .avatar img,body.reader-night-mode #note-show #free-reward-panel .support-author .supporter .support-list .avatar img,body.reader-night-mode #note-show #paid-reward-panel .support-author .supporter .support-list .avatar img {
	border-color: #3f3f3f
}

#note-show #buy-book-panel .support-author .supporter span,#note-show #buy-note-panel .support-author .supporter span,#note-show #free-reward-panel .support-author .supporter span,#note-show #paid-reward-panel .support-author .supporter span {
	display: inline-block;
	padding: 8px;
	margin-top: 2px;
	margin-bottom: 12px;
	font-size: 14px;
	color: #646464
}

#note-show #buy-book-panel .support-author .supporter span:not(:last-child),#note-show #buy-note-panel .support-author .supporter span:not(:last-child),#note-show #free-reward-panel .support-author .supporter span:not(:last-child),#note-show #paid-reward-panel .support-author .supporter span:not(:last-child) {
	border-right: 1px solid #646464;
	padding-right: 9px
}

body.reader-night-mode #note-show #buy-book-panel .support-author .supporter span,body.reader-night-mode #note-show #buy-note-panel .support-author .supporter span,body.reader-night-mode #note-show #free-reward-panel .support-author .supporter span,body.reader-night-mode #note-show #paid-reward-panel .support-author .supporter span {
	color: #c8c8c8
}

#note-show #buy-book-panel .support-author .supporter .modal-wrap,#note-show #buy-note-panel .support-author .supporter .modal-wrap,#note-show #free-reward-panel .support-author .supporter .modal-wrap,#note-show #paid-reward-panel .support-author .supporter .modal-wrap {
	margin-left: 5px;
	font-size: 14px;
	color: #646464;
	vertical-align: -2px;
	cursor: pointer;
	display: inline-block
}

#note-show #buy-book-panel .support-author .placeholder,#note-show #buy-note-panel .support-author .placeholder,#note-show #free-reward-panel .support-author .placeholder,#note-show #paid-reward-panel .support-author .placeholder {
	padding: 3px 0 0;
	text-align: center
}

#note-show #buy-book-panel .support-author .placeholder .text,#note-show #buy-note-panel .support-author .placeholder .text,#note-show #free-reward-panel .support-author .placeholder .text,#note-show #paid-reward-panel .support-author .placeholder .text {
	margin: 0 auto 4px;
	height: 15px;
	background-color: #eaeaea;
	animation: loading 1s ease-in-out infinite;
	-webkit-animation: loading 1s ease-in-out infinite
}

body.reader-night-mode #note-show #buy-book-panel .support-author .placeholder .text,body.reader-night-mode #note-show #buy-note-panel .support-author .placeholder .text,body.reader-night-mode #note-show #free-reward-panel .support-author .placeholder .text,body.reader-night-mode #note-show #paid-reward-panel .support-author .placeholder .text {
	background-color: #545454
}

#note-show #buy-book-panel .support-author .placeholder .animation-delay,#note-show #buy-note-panel .support-author .placeholder .animation-delay,#note-show #free-reward-panel .support-author .placeholder .animation-delay,#note-show #paid-reward-panel .support-author .placeholder .animation-delay {
	margin-bottom: 23px;
	animation: loading 1s ease-in-out -.5s infinite;
	-webkit-animation: loading 1s ease-in-out -.5s infinite
}

#note-show #buy-book-panel .support-author .placeholder .btn,#note-show #buy-note-panel .support-author .placeholder .btn,#note-show #free-reward-panel .support-author .placeholder .btn,#note-show #paid-reward-panel .support-author .placeholder .btn {
	margin-left: -webkit-calc(50% - 53px);
	margin-left: calc(50% - 53px);
	margin-bottom: 17px;
	width: 106px;
	height: 42px;
	background-color: #eaeaea;
	border-radius: 4px
}

body.reader-night-mode #note-show #buy-book-panel .support-author .placeholder .btn,body.reader-night-mode #note-show #buy-note-panel .support-author .placeholder .btn,body.reader-night-mode #note-show #free-reward-panel .support-author .placeholder .btn,body.reader-night-mode #note-show #paid-reward-panel .support-author .placeholder .btn {
	background-color: #545454
}

#note-show #buy-book-panel .support-author .placeholder .supporter,#note-show #buy-note-panel .support-author .placeholder .supporter,#note-show #free-reward-panel .support-author .placeholder .supporter,#note-show #paid-reward-panel .support-author .placeholder .supporter {
	padding-left: 10px
}

#note-show #buy-book-panel .support-author .placeholder .supporter li,#note-show #buy-note-panel .support-author .placeholder .supporter li,#note-show #free-reward-panel .support-author .placeholder .supporter li,#note-show #paid-reward-panel .support-author .placeholder .supporter li {
	display: inline-block;
	margin-left: -15px;
	width: 32px;
	height: 32px;
	background-color: #eaeaea;
	border: 4px solid #fff;
	border-radius: 50%
}

body.reader-night-mode #note-show #buy-book-panel .support-author .placeholder .supporter li,body.reader-night-mode #note-show #buy-note-panel .support-author .placeholder .supporter li,body.reader-night-mode #note-show #free-reward-panel .support-author .placeholder .supporter li,body.reader-night-mode #note-show #paid-reward-panel .support-author .placeholder .supporter li {
	background-color: #545454;
	border-color: #3f3f3f
}

#note-show .user-panel {
	position: relative
}

#note-show .user-panel .top-title {
	margin: 0 -18px;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

body.reader-night-mode #note-show .user-panel .top-title {
	color: #c8c8c8
}

#note-show .user-panel .top-title .member-image {
	margin-top: -3px;
	margin-right: 4px;
	width: 18px;
	vertical-align: middle
}

#note-show .user-panel .note-author {
	position: relative;
	margin: -18px -18px 0;
	text-align: center
}

#note-show .user-panel .note-author .avatar img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 1px solid;
	border-color: #ddd
}

body.reader-night-mode #note-show .user-panel .note-author .avatar img {
	border-color: #2f2f2f
}

#note-show .user-panel .note-author .author-info .name {
	display: block;
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
	color: #484848
}

body.reader-night-mode #note-show .user-panel .note-author .author-info .name {
	color: #c8c8c8
}

#note-show .user-panel .note-author .author-info .name .ic-man {
	color: #3194d0
}

#note-show .user-panel .note-author .author-info .name .ic-woman {
	color: #ea6f5a
}

#note-show .user-panel .note-author .author-info .badge-icon {
	margin-top: 4px;
	font-size: 14px;
	color: #484848
}

body.reader-night-mode #note-show .user-panel .note-author .author-info .badge-icon {
	color: #c8c8c8
}

#note-show .user-panel .note-author .author-info .badge-icon img {
	margin: -2px 3px 0 0;
	vertical-align: middle
}

#note-show .user-panel .note-author .author-info .meta {
	margin: 4px 0;
	font-size: 14px;
	color: #969696
}

#note-show .user-panel .note-author .author-info .intro {
	margin: 5px 40px;
	font-size: 14px;
	color: #484848;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;
	max-height: 40px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	white-space: normal
}

body.reader-night-mode #note-show .user-panel .note-author .author-info .intro {
	color: #c8c8c8
}

#note-show .user-panel .note-author .author-info .follow-btn {
	width: 60%;
	margin: 12px 0
}

#note-show .user-panel .note-author .load-more {
	margin-top: 10px;
	border-top: 1px solid;
	display: block;
	padding: 15px 0 15px 7px;
	text-align: center;
	font-size: 15px;
	color: #969696;
	background-color: #fff;
	border-color: #f0f0f0
}

body.reader-night-mode #note-show .user-panel .note-author .load-more {
	background-color: #3f3f3f;
	border-color: #2f2f2f
}

#note-show .user-panel .note-author.member-zunxiang:before,#note-show .user-panel .note-author.member:before {
	content: "";
	position: absolute;
	top: 50px;
	left: 21px;
	right: 21px;
	height: 130px;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAqwAAAEMBAMAAADzGPlwAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAZiwaEFdVTT4FAQ8C5g8AAAM7SURBVHja7NoxTuVADAZga3eb3c6LEJTQUHMEWm5ATUnFUSg4ABXnhCfxQKEgiYiRn+b7jvAr8Yw9jlzr5jKYlaudXAVzcr2joCDW9LmWxHofzEhV4FWLWE+DgliPg4JYMxDrAi1iVQQcWYu0iNUFSzuwSItYNa9GLYs0iNVgcJ4x9g94vMjPbq+D7/p3nlP/n4Lv+51T/vhtnE8/1mATz5NY74JN/JrEehZs4o9+qsLfSawPgVj7UgTeOLIOgAvWO+1Ad5rXPaOW7gwGt5IrGHn3iHXcB5pczkpBm1hH7dNyBasabWIdtArkCtbg2sQ66NJm1hp1xTg/EetBxKoIFHBklXDBKqEdKKF53VMD+sdqMLg9Y2xPK9vH6iEwKmL1bL29TEsWBTKtBBXItMBWYOBOqFKm5eAIsR4GReCNI+sAuGDtaQf607x+MGrpzmCwhAH1TpdYx31OWcbj306fWPVmX7FYsdMoVlXgC5bWdhrFOuiKZXGsoy4Ei3W5RrEqAo6sGY1idcHSDsxoFKvm1ahlRptYDQaNsQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICXdu0eN2EgCKDwCFtC0G1OEDfU4QZpU+YKKdPlCC7Sp+AAqTgnP941WiSDwTvSjPy+IzxZa8+sARhS/YZHCe6pfwJZy9sGspZXB7IqWJL1zMAZQNa7WrJq+CSrhkDWI7L6wCHQ4ZXlAR9YCeOAfQyvkYFTQMBicDzW2P7sNuHa14dgqnUTci//gumqkHsTlNDkD6ugiH2W9VtQxCLL+ipQmL3eBUWssqx/ArLaxSEQ8cpygA+sHuOAdQyvCasW61gMTl9N8/vF0xcpZFW59iOryiU1WVV+qSCrizNgplnbkCOrys+VZC0iXCErWe3iEOjwyvKAD6yEccA+htfI2Skg88Ri8II19lztNmTVsG7IqqEiq4qGrBr2ZNWwIKuGmqwaVmQ9IqsPHAIRrywH+MDqMQ5Yx/CasGqxjsXguGU3a+zIxNWMYNiWS5eeiWtvwaAlWc/MnAFkvaEla2Lkd03BIH6/OCGrDxwCHV5ZHvCBlTAO2MfwGpk5BQQsBsdgjQ085AAdq0Tpt686MQAAAABJRU5ErkJggg==);-webkit-background-size: 100% 100%;
	background-size: 100%;
	z-index: -1
}

#note-show .user-panel .note-author.member-zunxiang:after,#note-show .user-panel .note-author.member:after {
	content: "";
	position: absolute;
	top: 30px;
	bottom: 96px;
	left: 20px;
	right: 20px;
	border: 1px solid;
	border-radius: 10px;
	z-index: -2
}

#note-show .user-panel .note-author.member-zunxiang .meta,#note-show .user-panel .note-author.member .meta {
	opacity: .5
}

#note-show .user-panel .note-author.member-zunxiang .guide .option,#note-show .user-panel .note-author.member-zunxiang .guide .wording,#note-show .user-panel .note-author.member .guide .option,#note-show .user-panel .note-author.member .guide .wording {
	background-color: #fff
}

body.reader-night-mode #note-show .user-panel .note-author.member-zunxiang .guide .option,body.reader-night-mode #note-show .user-panel .note-author.member-zunxiang .guide .wording,body.reader-night-mode #note-show .user-panel .note-author.member .guide .option,body.reader-night-mode #note-show .user-panel .note-author.member .guide .wording {
	background-color: #3f3f3f
}

#note-show .user-panel .note-author.member-is-author:after {
	bottom: 66px
}

#note-show .user-panel .note-author.member:after {
	border-color: #cd7e0f;
	background-image: -webkit-linear-gradient(45deg,rgba(255,215,173,.8),hsla(32,79%,66%,.8));
	background-image: -o-linear-gradient(45deg,rgba(255,215,173,.8),hsla(32,79%,66%,.8));
	background-image: linear-gradient(45deg,rgba(255,215,173,.8),hsla(32,79%,66%,.8));
	-webkit-box-shadow: 0 4px 20px rgba(207,127,0,.4);
	box-shadow: 0 4px 20px rgba(207,127,0,.4)
}

#note-show .user-panel .note-author.member .badge-icon,#note-show .user-panel .note-author.member .intro,#note-show .user-panel .note-author.member .meta,#note-show .user-panel .note-author.member .name {
	color: #5e3100!important
}

#note-show .user-panel .note-author.member .avatar img {
	border-color: #cd7e0f!important
}

#note-show .user-panel .note-author.member .follow {
	background-color: #cd7e0f;
	border-color: #cd7e0f
}

#note-show .user-panel .note-author.member .followed {
	border-color: #cd7e0f;
	background-color: #fff
}

body.reader-night-mode #note-show .user-panel .note-author.member .followed {
	background-color: #3f3f3f
}

#note-show .user-panel .note-author.member-zunxiang:after {
	border-color: #ddb008;
	background-image: -webkit-linear-gradient(45deg,rgba(255,227,121,.8),rgba(252,189,49,.8));
	background-image: -o-linear-gradient(45deg,rgba(255,227,121,.8),rgba(252,189,49,.8));
	background-image: linear-gradient(45deg,rgba(255,227,121,.8),rgba(252,189,49,.8));
	-webkit-box-shadow: 0 4px 20px rgba(221,176,8,.4);
	box-shadow: 0 4px 20px rgba(221,176,8,.4)
}

#note-show .user-panel .note-author.member-zunxiang .badge-icon,#note-show .user-panel .note-author.member-zunxiang .intro,#note-show .user-panel .note-author.member-zunxiang .meta,#note-show .user-panel .note-author.member-zunxiang .name {
	color: #4b3200!important
}

#note-show .user-panel .note-author.member-zunxiang .avatar img {
	border-color: #ddb008!important
}

#note-show .user-panel .note-author.member-zunxiang .follow {
	background-color: #ddb008;
	border-color: #ddb008
}

#note-show .user-panel .note-author.member-zunxiang .following {
	background-color: #fff;
	border-color: #ddb008
}

body.reader-night-mode #note-show .user-panel .note-author.member-zunxiang .following {
	background-color: #3f3f3f
}

#note-show .dis-entry {
	position: fixed;
	right: 0;
	width: 120px;
	line-height: 44px;
	border-radius: 22px 0 0 22px;
	bottom: 100px;
	color: #ea6f5a;
	text-align: center;
	z-index: 99;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
	font-size: 16px;
	background-color: #fff
}

body.reader-night-mode #note-show .dis-entry {
	background-color: #282828
}

body.small-size #note-show h1 {
	font-size: 22px
}

body.small-size #note-show h2 {
	font-size: 20px
}

body.small-size #note-show h3 {
	font-size: 18px
}

body.small-size #note-show h4 {
	font-size: 16px
}

body.small-size #note-show h5,body.small-size #note-show h6 {
	font-size: 15px
}

body.small-size #note-show hr {
	margin-bottom: 23px
}

body.small-size #note-show blockquote {
	margin-bottom: 20px;
	padding: 18px;
	border-left-width: 3px
}

body.small-size #note-show blockquote p:last-child {
	margin-bottom: 0
}

body.small-size #note-show ol,body.small-size #note-show ul {
	margin-bottom: 20px
}

body.small-size #note-show ol li ol,body.small-size #note-show ol li ul,body.small-size #note-show ul li ol,body.small-size #note-show ul li ul {
	margin-top: 12px
}

body.small-size #note-show pre,body.small-size #note-show table {
	margin-bottom: 22px
}

body.small-size #note-show table td,body.small-size #note-show table th {
	padding: 7px
}

body.small-size #note-show .image-package,body.small-size #note-show .video-package {
	margin-bottom: 22px
}

body.small-size #note-show .content {
	font-size: 15px
}

body.small-size #note-show .content p {
	margin-bottom: 18px
}

body.small-size #note-show .content .badge {
	font-size: 12px
}

body.small-size #note-show .content .author .info {
	font-size: 14px
}

body.small-size #note-show .content .support-author .support-btn {
	padding: 0
}

body.big-size #note-show h1 {
	font-size: 27px
}

body.big-size #note-show h2 {
	font-size: 25px
}

body.big-size #note-show h3 {
	font-size: 23px
}

body.big-size #note-show h4 {
	font-size: 21px
}

body.big-size #note-show h5,body.big-size #note-show h6 {
	font-size: 19px
}

body.big-size #note-show hr {
	margin-bottom: 27px
}

body.big-size #note-show blockquote {
	margin-bottom: 30px;
	padding: 22px
}

body.big-size #note-show blockquote p:last-child {
	margin-bottom: 0
}

body.big-size #note-show ol,body.big-size #note-show ul {
	margin-bottom: 28px
}

body.big-size #note-show ol li ol,body.big-size #note-show ol li ul,body.big-size #note-show ul li ol,body.big-size #note-show ul li ul {
	margin-top: 16px
}

body.big-size #note-show pre {
	margin-bottom: 28px
}

body.big-size #note-show code {
	font-size: 14px
}

body.big-size #note-show table {
	margin-bottom: 25px
}

body.big-size #note-show table td,body.big-size #note-show table th {
	padding: 10px;
	font-size: 19px
}

body.big-size #note-show .image-package,body.big-size #note-show .video-package {
	margin-bottom: 22px
}

body.big-size #note-show .content {
	font-size: 19px
}

body.big-size #note-show .content p {
	margin-bottom: 22px
}

body.big-size #note-show .content .badge {
	font-size: 13px
}

body.big-size #note-show .content .author .info {
	font-size: 16px
}

body.big-size #note-show .content .meta {
	font-size: 13px
}

body.big-size #note-show .content .action-btn span,body.big-size #note-show .content .included-collections .collection,body.big-size #note-show .content .included-collections .show-all {
	font-size: 15px
}

body.big-size #note-show .content .support-author .description {
	font-size: 17px
}

body.big-size #note-show .content .support-author .support-btn {
	font-size: 15px;
	padding: 1px
}

body.big-size #note-show .content .author-info .info .description,body.big-size #note-show .content .author-info .introduction {
	font-size: 13px
}

body.large-size #note-show h1 {
	font-size: 27px
}

body.large-size #note-show h2 {
	font-size: 26px
}

body.large-size #note-show h3 {
	font-size: 25px
}

body.large-size #note-show h4 {
	font-size: 24px
}

body.large-size #note-show h5 {
	font-size: 23px
}

body.large-size #note-show h6 {
	font-size: 22px
}

body.large-size #note-show hr {
	margin-bottom: 30px
}

body.large-size #note-show blockquote {
	margin-bottom: 30px;
	padding: 22px
}

body.large-size #note-show blockquote p:last-child {
	margin-bottom: 0
}

body.large-size #note-show ol,body.large-size #note-show ul {
	margin-bottom: 28px
}

body.large-size #note-show ol li ol,body.large-size #note-show ol li ul,body.large-size #note-show ul li ol,body.large-size #note-show ul li ul {
	margin-top: 16px
}

body.large-size #note-show pre {
	margin-bottom: 30px
}

body.large-size #note-show code {
	font-size: 18px
}

body.large-size #note-show table {
	margin-bottom: 25px
}

body.large-size #note-show table td,body.large-size #note-show table th {
	padding: 10px;
	font-size: 22px
}

body.large-size #note-show .image-package,body.large-size #note-show .video-package {
	margin-bottom: 22px
}

body.large-size #note-show .content {
	font-size: 21px
}

body.large-size #note-show .content p {
	margin-bottom: 24px
}

body.large-size #note-show .content .badge {
	font-size: 13px
}

body.large-size #note-show .content .author .info {
	font-size: 16px
}

body.large-size #note-show .content .meta {
	font-size: 13px
}

body.large-size #note-show .content .action-btn span,body.large-size #note-show .content .included-collections .collection,body.large-size #note-show .content .included-collections .show-all {
	font-size: 15px
}

body.large-size #note-show .content .support-author .description {
	font-size: 17px
}

body.large-size #note-show .content .support-author .support-btn {
	font-size: 15px;
	padding: 1px
}

body.large-size #note-show .content .author-info .info .description,body.large-size #note-show .content .author-info .introduction {
	font-size: 13px
}

.baidu-app-download-3vYbY_1 {
	display: block;
	margin-left: -18px;
	margin-right: -18px;
	padding: 10px 18px;
	border-top: 10px solid #f5f5f5;
	background-color: #fff
}

body.reader-night-mode .baidu-app-download-3vYbY_1 {
	background-color: #3f3f3f;
	border-color: #2f2f2f
}

.download-link-9enOv_1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 48px;
	border-radius: 24px;
	font-size: 17px;
	color: #fff;
	background-color: #ea6f5a
}

.download-link-9enOv_1>i {
	font-size: 22px;
	margin-right: 2px
}

.note-comment-above-ad-wrap #note-ad .youdao-img-ad:after,.note-comment-above-ad-wrap #note-ad .youdao-img-ad:before,.note-comment-above-ad-wrap #note-ad .youdao-txt-ad:after,.note-comment-above-ad-wrap #note-ad .youdao-txt-ad:before {
	content: "";
	clear: both;
	display: table
}

.note-comment-above-ad-wrap {
	padding-bottom: 10px;
	margin-top: -10px;
	z-index: 0;
	position: relative
}

.note-comment-above-ad-wrap iframe {
	width: 100%;
	border: 0;
	height: 120px
}

.note-comment-above-ad-wrap #note-ad {
	position: relative
}

.note-comment-above-ad-wrap #note-ad .youdao-img-ad,.note-comment-above-ad-wrap #note-ad .youdao-txt-ad {
	display: block
}

.note-comment-above-ad-wrap #note-ad .youdao-img-ad {
	margin-top: -20px
}

.note-comment-above-ad-wrap #note-ad .youdao-img-ad img {
	display: block;
	width: 100%;
	height: auto
}

.note-comment-above-ad-wrap #note-ad .youdao-txt-ad {
	margin-top: -15px;
	height: 80px
}

.note-comment-above-ad-wrap #note-ad .youdao-txt-ad img {
	height: 80px;
	width: auto;
	display: block;
	float: left;
	margin-right: 8px
}

.note-comment-above-ad-wrap #note-ad .youdao-txt-ad p {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;
	max-height: 40px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	white-space: normal;
	color: #333
}

body.reader-night-mode .note-comment-above-ad-wrap #note-ad .youdao-txt-ad p {
	color: #c8c8c8
}

.note-comment-above-ad-wrap #note-ad .ad-badge {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background-color: #000;
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
	opacity: .7
}

.note-comment-above-ad-wrap #_so_pdsBy_0 * {
	width: 100%!important
}

.note-comment-above-ad-wrap #_so_pdsBy_0 .ad-badge {
	width: auto!important
}

.note-comment-above-ad-wrap #_so_pdsBy_0 img,.note-comment-above-ad-wrap .gu-pao-ad {
	display: block
}

.note-comment-above-ad-wrap .gu-pao-ad img {
	display: block;
	width: 100%;
	height: auto
}

.energy-modal[data-v-06fcc691] {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 33;
	width: 100%;
	background-color: rgba(0,0,0,.5)
}

.energy-modal .content[data-v-06fcc691] {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 72%;
	border-radius: 5px;
	background-color: #fff
}

.energy-modal .title[data-v-06fcc691] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 8px;
	color: #2f2f2f
}

.energy-modal .title .iconfont[data-v-06fcc691],.energy-modal .title .ques[data-v-06fcc691] {
	font-size: 12px;
	-webkit-transform: scale(.83333);
	-ms-transform: scale(.83333);
	transform: scale(.83333);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.energy-modal .title .ques[data-v-06fcc691] {
	text-decoration: underline;
	color: #888
}

.energy-modal .detail-title[data-v-06fcc691] {
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-align: center
}

.energy-modal .detail-desc[data-v-06fcc691] {
	font-size: 12px;
	font-weight: 500;
	text-align: center
}

.energy-modal .detail .pie-wrapper[data-v-06fcc691] {
	position: relative;
	margin: 14px auto;
	width: 65px;
	height: 65px;
	border-radius: 50%
}

.energy-modal .detail .pie-wrapper .score[data-v-06fcc691] {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 20px;
	font-weight: 700;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.energy-modal .content-tip[data-v-06fcc691] {
	margin: 14px auto 25px;
	width: 83.33%;
	font-size: 12px;
	color: #888
}

.energy-tip {
	position: fixed;
	bottom: 0;
	left: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 20px;
	z-index: 11;
	width: 48%;
	border-radius: 32px;
	height: 52px;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	background-color: rgba(0,0,0,.6)
}

.energy-tip p {
	color: #fff;
	text-align: center;
	font-size: 12px
}

.energy-tip p span {
	margin-left: 12px
}

.energy-tip p .iconfont {
	font-size: 12px
}

.energy-tip p .heat-value,.energy-tip p .remaining_energy_point {
	color: #ff8c78
}

#footer hr {
	margin-left: -15px;
	margin-right: -15px
}

#footer .download-guide {
	position: relative;
	background-color: transparent;
	height: 230px
}

#footer .download-guide:after,#footer .download-guide:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

#footer .download-guide:before {
	background-image: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),to(#fff));
	background-image: -webkit-linear-gradient(bottom,hsla(0,0%,100%,0),#fff);
	background-image: -o-linear-gradient(bottom,hsla(0,0%,100%,0),#fff);
	background-image: linear-gradient(0deg,hsla(0,0%,100%,0),#fff);
	top: 10px
}

body.reader-night-mode #footer .download-guide:before {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(63,63,63,.8)),to(transparent));
	background-image: -webkit-linear-gradient(bottom,rgba(63,63,63,.8),transparent);
	background-image: -o-linear-gradient(bottom,rgba(63,63,63,.8),transparent);
	background-image: linear-gradient(0deg,rgba(63,63,63,.8),transparent)
}

#footer .download-guide:after {
	top: 0;
	background-repeat: no-repeat;
	background-position: bottom;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(//cdn2.jianshu.io/asimov/src/assets/image/download-guide.1cef6fa3.png);
	z-index: -1
}

#footer .download-guide .download {
	display: block;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: 45px;
	padding: 10px 30px;
	font-size: 16px;
	color: #fff;
	background-color: #ea6f5a;
	border-radius: 4px;
	text-align: center
}

#footer .footer-wrap {
	text-align: center;
	padding: 0 15px 10px
}

#footer .footer-wrap .login {
	padding: 30px 0;
	display: block
}

#footer .footer-wrap .panel {
	height: 80px;
	padding: 20px 0;
	font-size: 16px
}

#footer .footer-wrap .panel .item {
	height: 40px;
	line-height: 40px;
	color: #969696
}

#footer .footer-wrap .panel .line {
	margin: 0 13px;
	font-weight: 100;
	color: #d9d9d9
}

body.reader-night-mode #footer .footer-wrap .panel .line {
	color: #2f2f2f
}

#footer .footer-wrap .panel .avatar {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -4px
}

#footer .footer-wrap .download {
	display: block;
	width: 100%;
	height: 51px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	background-color: #ea6f5a
}

#footer .footer-wrap i {
	font-size: 22px;
	vertical-align: middle
}

#footer .footer-wrap .slogan {
	padding-top: 30px
}

#footer .footer-wrap .slogan .logo {
	margin-right: 13px;
	width: 76px;
	vertical-align: middle
}

#footer .footer-wrap .slogan .content {
	display: inline-block;
	vertical-align: middle;
	text-align: left
}

#footer .footer-wrap .slogan .content span {
	font-size: 16px;
	line-height: 1.7;
	display: block;
	color: #2f2f2f
}

body.reader-night-mode #footer .footer-wrap .slogan .content span {
	color: #c8c8c8
}

#footer .footer-wrap-wechat {
	padding-bottom: 80px
}

.sign-in-drawer {
	padding: 15px;
	text-align: center
}

.sign-in-drawer form {
	margin-top: 10px
}

.sign-in-drawer form .input-wrap {
	position: relative;
	width: 100%;
	border-bottom: 2px solid;
	color: #c8c8c8
}

body.reader-night-mode .sign-in-drawer form .input-wrap {
	color: #787878
}

.sign-in-drawer form .input-wrap input {
	width: 100%;
	height: 48px;
	padding: 2px 12px 4px 30px;
	font-size: 14px;
	background-color: transparent;
	color: #333
}

body.reader-night-mode .sign-in-drawer form .input-wrap input {
	color: #c8c8c8
}

.sign-in-drawer form .input-wrap i {
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 18px;
	color: #969696
}

.sign-in-drawer form button {
	margin-top: 25px;
	padding: 12px 0;
	width: 100%;
	color: #fff;
	background-color: #3194d0;
	border-radius: 4px;
	height: 50px;
	font-size: 16px
}

.sign-in-drawer .wechat-login h3 {
	margin: 40% 0 30px;
	color: #333
}

body.reader-night-mode .sign-in-drawer .wechat-login h3 {
	color: #c8c8c8
}

.sign-in-drawer .wechat-login a {
	display: block;
	background-color: #00bb29;
	border: 1px solid #00bb29;
	color: #fff;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 4px;
	height: 60px;
	line-height: 58px
}

.sign-in-drawer .wechat-login i {
	margin-left: -10px;
	font-size: 30px;
	vertical-align: middle
}

.sign-in-drawer .wechat-login span {
	margin-left: 10px;
	font-size: 18px;
	vertical-align: middle
}

.sign-in-drawer .wechat-login button {
	padding: 11px 0;
	background-color: #fbfafc;
	border: 1px solid #d9d9d9;
	color: #333;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 4px;
	display: block
}

.sign-in-drawer .wechat-login img {
	margin-left: -10px;
	width: 35px;
	height: 35px;
	vertical-align: middle
}

.sign-in-drawer .header h3 {
	margin-top: 15%;
	display: inline-block;
	font-size: 16px;
	color: #333
}

body.reader-night-mode .sign-in-drawer .header h3 {
	color: #c8c8c8
}

.sign-in-drawer .header .back,.sign-in-drawer .header .close {
	position: absolute;
	font-size: 20px;
	color: #969696;
	width: 40px;
	height: 40px
}

.sign-in-drawer .header .back {
	left: 5px
}

.sign-in-drawer .header .close {
	right: 5px
}

.sign-in-drawer .header .close i {
	line-height: 40px
}

.sign-in-drawer .more-sign {
	margin-top: 60px
}

.sign-in-drawer .more-sign h6 {
	position: relative;
	margin-bottom: 10px;
	font-size: 12px;
	color: #b5b5b5
}

.sign-in-drawer .more-sign h6:before {
	left: 50px
}

.sign-in-drawer .more-sign h6:after,.sign-in-drawer .more-sign h6:before {
	content: "";
	border-top: 1px solid #b5b5b5;
	display: block;
	position: absolute;
	width: 15%;
	top: 8px
}

.sign-in-drawer .more-sign h6:after {
	right: 50px
}

.sign-in-drawer .more-sign ul {
	margin-bottom: 30px;
	padding: 0;
	list-style: none
}

.sign-in-drawer .more-sign ul li {
	margin: 0 8px;
	display: inline-block;
	float: none
}

.sign-in-drawer .more-sign ul a,.sign-in-drawer .more-sign ul button {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	line-height: 48px;
	display: block
}

.sign-in-drawer .more-sign ul i {
	font-size: 30px
}

.sign-in-drawer .more-sign .weibo i {
	color: #e05244
}

.sign-in-drawer .more-sign .weixin i {
	color: #00bb29
}

.sign-in-drawer .more-sign .qq i {
	color: #498ad5
}

.sign-in-drawer .more-sign .douban i {
	color: #00820f
}

.sign-in-drawer .more-sign .google i {
	color: #e05244
}

.sign-in-drawer .more-sign .iconfont {
	color: #fff
}

.sign-in-drawer .more-sign .ic-more {
	color: #787878
}

.drawer[data-v-7632aa54] {
	z-index: 12;
	position: fixed;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #fff
}

body.reader-night-mode .drawer[data-v-7632aa54] {
	background-color: #3f3f3f
}

.drawer.fade-bottom-enter-active[data-v-7632aa54],.drawer.fade-bottom-leave-active[data-v-7632aa54],.drawer.fade-left-enter-active[data-v-7632aa54],.drawer.fade-left-leave-active[data-v-7632aa54],.drawer.fade-right-enter-active[data-v-7632aa54],.drawer.fade-right-leave-active[data-v-7632aa54],.drawer.fade-top-enter-active[data-v-7632aa54],.drawer.fade-top-leave-active[data-v-7632aa54] {
	-webkit-transition: all .4s cubic-bezier(.1,.7,.1,1);
	-o-transition: all cubic-bezier(.1,.7,.1,1) .4s;
	transition: all .4s cubic-bezier(.1,.7,.1,1)
}

.drawer.fade-left-enter[data-v-7632aa54],.drawer.fade-left-leave-to[data-v-7632aa54] {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0
}

.drawer.fade-right-enter[data-v-7632aa54],.drawer.fade-right-leave-to[data-v-7632aa54] {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}

.drawer.fade-top-enter[data-v-7632aa54],.drawer.fade-top-leave-to[data-v-7632aa54] {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0
}

.drawer.fade-bottom-enter[data-v-7632aa54],.drawer.fade-bottom-leave-to[data-v-7632aa54] {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0
}

.drawer .drawer-header[data-v-7632aa54] {
	position: relative;
	height: 46px;
	line-height: 46px;
	z-index: 1;
	border-bottom: 1px solid;
	background-color: #fff;
	border-color: #f0f0f0
}

body.reader-night-mode .drawer .drawer-header[data-v-7632aa54] {
	background-color: #3f3f3f;
	border-color: #2f2f2f
}

.drawer .drawer-header button[data-v-7632aa54] {
	position: absolute;
	font-size: 16px;
	left: 20px;
	top: 14px;
	color: #ea6f5a
}

.drawer .drawer-header h3[data-v-7632aa54] {
	margin: 0;
	font-size: 16px;
	text-align: center;
	color: #333
}

body.reader-night-mode .drawer .drawer-header h3[data-v-7632aa54] {
	color: #b1b1b1
}

.header-wrap {
	display: none
}

.note-graceful-button {
	display: none;
}

.note-comment-above-ad-wrap {
	display: none;
}

.recommended-notes {
	display: none;
}

#footer {
	display: none;
}

body, html,input {
	font-family: "微软雅黑";
}

#recommended-notes {
	display: none;
}